
@font-face {
  font-family: 'iconfont';  /* Project id 80729 */
  src: url('//at.alicdn.com/t/font_80729_x3urw33lkld.woff2?t=1626186913549') format('woff2'),
       url('//at.alicdn.com/t/font_80729_x3urw33lkld.woff?t=1626186913549') format('woff'),
       url('//at.alicdn.com/t/font_80729_x3urw33lkld.ttf?t=1626186913549') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
    /*font-size:16px;*/
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }

.login-header .login-header-image {
    position: absolute;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.login-header .login-header-image:after {
    background-color: rgba(255, 255, 255, 0.5);

  filter:alpha(Opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
}

.login-body{
  min-height:600px;
}

.login-layout .widget-box{
  border:4px solid #f7f7f7;
  border-radius: 4px;
  padding:0;
  background: transparent;
  filter:alpha(Opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
  z-index:100; 
}

.login-footer span, .login-footer span a{
  color:#f0f0f0;
  font-weight: bold;
}
.sort-checkbox-list{
	padding-left: 0 !important;
	padding-top:5px !important;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{
	margin: 0 !important;
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}




.status_3{
	background-color:#E0E0E0 !important;
	border-color:#bdbdbd !important;
}



.status_3 img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray;
}
.status_2{
	background-color:#FBC02D !important;
	border-color:#F9A825 !important;
}

.status_2 .product-name{
  color:#333 !important;
}

.content-line a:hover{
  text-decoration: none;
  color:#f60 !important;
}

.search-thumbnail {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: 1px solid #ddd;
  /*padding: 8px !important;*/
  line-height: 25px !important;
  box-shadow: 1px 1px 5px #fafafa;
  position: relative;
}

.search-thumbnail .thumb{
  position: relative;
}
.search-thumbnail .thumb:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.search-thumbnail .thumb img {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
}

.search-thumbnail .content-line{
	line-height:21px;
}

.search-thumbnail .content-line .H{
	color:#f50;
}

.search-thumbnail .tags-container{
	line-height:16px;
	margin-bottom:5px;
}


.search-thumbnail .content-line .content-title {
  display: block;
  line-height: 21px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

	font-size: 12px;
	font-weight: 300;
	color: #666;
	margin: 2px 0 0 0;
	height:21px;
}



.search-thumbnail:hover {
  
  box-shadow: 1px 1px 5px #e0e0e0;
}

.search-thumbnail .search-title {
  margin-top: 14px;
}

.search-thumbnail h4 {
  font-size: 12px;
  line-height: 21px;
  margin-top: 0 !important;
}

.search-thumbnail .sel{  
  display: block;
  overflow:hidden;
  cursor:pointer;
}

.search-thumbnail .sel .split{  
  float:left;
  width:50% !important;
  border-left:1px solid #ddd;
}
.search-thumbnail .sel .split:nth-child(1){   
  border-left:none;
}
.search-thumbnail .sel .selected{
  padding:3px 0px; 
  text-align:center;
}

.search-thumbnail .selected:hover{
	background-color:#f60;
	color:#fff;
}
.panel-hover a{
  font-size: 14px;
}
.panel-hover a:hover{
  font-size:14px;
  color:#FF3D00;
}

.product-name {
  font-size: 12px;
  font-weight: 300;
  color: #666;
  display: block;
  margin: 2px 0 5px 0;
  height:39px;
  overflow:hidden;
}

.product-name:hover, .product-name:focus {
  color: #1ab394;
}

.pplan {
  color: #1ab394 !important;
  margin-right: 2px;
}

.product-price {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: #1ab394;
  padding: 6px 12px;
  position: absolute;
  top: -32px;
  right: 0;
}

@media screen and (max-width:768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }

  .col-xs-6{
	padding:0 3px !important;
  }

  .search-thumbnail .sel{
	margin:0 3px !important;
  }

}

@media (min-width:992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }

}

@media (min-width:1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }

}

.color-tmall {
  color: #ff0042;
  font-weight: 900;
}

.color-taobao {
  color: #ff4200;
}

.red-price {
  color: #ff0000 !important;
}

.shops {
  width: 100%;
  line-height: 25px;
  height: 27px;
}

.shops-lf, .shops-rf {
  margin: 0;
  padding: 0;
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  display: inline;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
}

.shops-lf {
  float: left;
}

.shops-rf {
  float: right;
  text-align: right;
}

.number .yuan {
    font-size: 12px
}

.number .integer,.number .pointer {
    font-weight: 700
}

.number .decimal {
    font-size: 12px;
    font-weight: 700
}

.number .percent {
    font-size: 12px;
    margin-left: 2px
}

.number-14 .integer {
    font-size: 14px
}

.number-16 .integer {
    font-size: 16px
}
.number-thin .decimal,.number-thin .integer {
    font-weight: 400
}
.color-grey {
  color: #666 !important;
}

.color-grey-light {
  color: #999 !important;
}

.color-orange {
  color: #f50 !important;
}

.tag {
    height:16px;
    text-align: center;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.bordered{
  border:1px solid #ddd;
}

.bordered > tbody > tr > td{
  border:none !important;
}

.bordered tbody tr:hover {    
    box-shadow: 3px 3px 10px #aaa;
}

.settle {
	height:70px;
}


.thumbnails-selector > li{
	border:1px solid #eee !important;
	margin:10px;
	float: left;
	width: 96px;
    height: 96px;
	overflow:visible !important;
}

.thumbnails-selector > li img{
	max-width:100%;
	max-height:94px;
	-moz-box-shadow: 0 2px 4px 0 rgba(32,32,64,.16);
    -webkit-box-shadow: 0 2px 4px 0 rgba(32,32,64,.16);
    -ms-box-shadow: 0 2px 4px 0 rgba(32,32,64,.16);
    -o-box-shadow: 0 2px 4px 0 rgba(32,32,64,.16);
    box-shadow: 0 2px 4px 0 rgba(32,32,64,.16);
	
}

.thumbnails-selector > li:hover{
	box-shadow: 3px 3px 12px #ddd;
	border:1px solid #ddd !important;
}

.thumbnails-selector li .delete span{
	font-size:14px;
}

.thumbnails-selector li .delete{
	position: absolute;
    top: -5px;
    right: -5px;
    display: block;    
    padding: 0 4px 0 5px;
    text-align: center;
    height: 18px;
    line-height: 16px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
    background-color: #666;
    background-color: rgba(0,0,0,.4);
    color: #fff;
	display:none;
}

.thumbnails-selector li .delete:hover {
    background-color: #f50
}

.channel-selected{
	background-color:#F9A825 !important;
}

.channel-selected .caption{
	color:#fff !important;
}

.channel-href{
	cursor:pointer;
}

.sort-title{
	padding-top:5px;
}

.checkbox-move{
	position: absolute;
    top: 5px;
    right: 0px;
    display: block;    
    padding: 0 4px 0 5px;
    text-align: center;
    height: 18px;
    line-height: 16px;
	z-index:999;
	display:none;
}

.panel-remove{
	position: absolute;
    top: 0;
    right: 5px;
    display: block;    
    
	display:none;
	cursor:pointer;
}

.checkbox-category{
	position:relative;
	float:right;
	top:0;
	right:0;
	height:54px;
	line-height:54px;
	width:160px;
	background-color:#FF9800;
	display:none;
}

.checkbox-category:hover{
	background-color:#f60;
}

.checkbox-category a{
	padding:16px 36px;
	font-size:14px;
	color:#f7f7f7;
}

.checkbox-category a:hover{
	text-decoration: none;
}

.panel-title{
	font-size:16px;
	line-height:29px;
  margin-top:-5px;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
}

.panel-title a:hover{
  text-decoration: none;
}

.panel-body{	
	padding:4px 5px;
	
}

.panel-lf {
  float: left;
  width:60%;
  text-align:left;
  color:#999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.panel-rf {
  float: right;
  width:40%;
  text-align:center;
  border-left:1px solid #ddd;
  font-size:24px;
  font-weight:bold;
}

.panel-l {
  float: left;
  width:100%;
  text-align:left;
  color:#999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.panel-lf5, .panel-sign,.panel-act {
  float: left;
  width:50%;
  text-align:center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.panel-join,.panel-return {
  float: right;
  width:50%;
  text-align:center;   
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.panel-bottom{
  background: #fafafa;
  margin:10px -13px -13px;
  padding:0;
  height:40px;  
}


.panel-rf5{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:#999;
  padding-right: 10px;
  float:right;
  height:40px;
  line-height: 40px;
}

.panel-lf5{
  color:#999;
  padding-left: 10px;  
  height:40px;
  line-height: 40px;
}

.panel-lf5:hover{
  background: #eee;
}

.panel-sign {
  font-size:24px;
  font-weight:bold;
  color:#FB8C00 !important;
}

.panel-25, .panel-30, .panel-50{
  float: left;
  text-align:center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size:24px;
  font-weight:bold;
  border-left:1px solid #ddd; 
}

 .panel-25{
  width:25%;
}

 .panel-25 p, .panel-30 p, .panel-50 p{
  font-size:14px;
  font-weight: normal;
}

 .panel-30{
  width:33%;
}
 .panel-50{
  width:50%;
}

.panel-body > .panel-25:first-child, .panel-body > .panel-50:first-child, .panel-body > .panel-30:first-child{
  border:none;
}

.s-joins{
  color:#197EC1 !important;
}

.s-acts{
  color:#CE3970 !important;
}

.s-borrows{
  color:#FFA830 !important;
}

.s-returns{
  color:#7DAA50 !important;
}

.panel-act {
  font-size:24px;
  font-weight:bold;
  color:#999 !important;
}

.panel-join {
  font-size:24px;
  font-weight:bold;
  color:#01579B !important;
  border-left:1px solid #ddd; 
}

.panel-return {
  color:#388E3C !important;
}

.b-sign {  
  font-weight: bold;
  color:#C32626;
}

.b-borrow {
  font-weight: bold;
  color:#01579B;

}

.b-return {
  font-weight: bold;
  color:#388E3C;
}

.b-point {
  font-weight: bold;
  color:#FB8C00;
}

.icon-bg {
    width: 28px;
    height: 16px;
    background-size: cover;
    float:left;
    margin:13px 0 0 3px;
}

.icon-gongkai {
    background-image: url(/assets/images/gongkai-56-32.png);
}

.icon-zhanshi {
    background-image: url(/assets/images/zhanshi-56-32.png)
}

.caption ul {
    list-style-type: none;
    list-style-image: none;
}


.channel-property{
  padding: 5px !important;
}
.caption .pic-list {
    height: 78px;
	padding:10px 0;
    margin:0 -15px;
    background-color: #fcfcfc;
}

.caption .pic-list .pic {
    float: left;
    width: 58px;
    text-align: center;
    margin-left: 6px;
}

.caption .pic-list .pic img {
    width: 58px;
    height: 58px;
}

.hover{
  display: block !important;
}

.operate, .showorhide{
  display: none;
}

.layui-layer-hui .layui-layer-content{
  padding:20px 25px !important;
}

.layui-layer-btn{
  padding:0 15px 15px !important;
}

.layui-layer-btn .layui-layer-btn0{
  border-color: #337ab7 !important;
  background-color: #337ab7 !important;
}

.layui-layer-btn a{
  height:36px !important;
  border-radius: 4px !important;
  margin:0 15px !important;
  padding: 4px 20px !important;
  border:none !important;
}

.desc {
    color:#666;
    word-break:break-all;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

.disabled{
  background-color: #eee !important;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  
  filter: grayscale(100%);

  filter: gray;
}

